@charset "utf-8";
@import "reset";
$fs:170.66px;
html {
    font-size: $fs;
}

@function r($px) {
    @return $px/$fs*1rem;
}

* {
    margin: 0;
    padding: 0;
}
header {
    border-bottom: r(1px) solid #c1c1c1;
    .container {
        display: flex;
        width: 100%;
        height: r(88px);
        font-size: 0px;
        background-color: #f7f7f7;
        .item {
            font-size: r(35px);
            button {
                outline: none;
                width: r(22px);
                height: r(37px);
                font-size: r(40px);
                background-color: #f7f7f7;
                color: #848689;
            }
        }
        .item:first-of-type {
            margin-top: r(26px);
            margin-left: r(29px);
        }
        .item:last-of-type {
            margin-top: r(27px);
            margin-left: r(142px);
            color: #333333;
        }
    }
}
section{
    font-size: 0;
    .content{
        margin-top: r(41px);
        margin-left: r(27px);
        margin-right: r(30px);
        h3{
            font-size: r(30px);
            font-weight: 500;
            margin-bottom: r(51px);
            
        }
        p{
            font-size: r(24px);
            color: #666666;
            text-align: justify;
        }
        .first_p{
            margin-top:r(45px) ;
            margin-bottom: r(48px);
        }
    }
}
